.section {
    overflow: hidden;
}
.section .section-title{
    display: flex;
    align-items: center;
}
.section .section-title .title-name{
    padding-left: 4px;
    flex:1;
}
.section .section-title .kmi-button--icon{
    height: 36px;
    width: 36px;
    margin-left: 0px;
}
.section .section-title .kmi-button--icon .material-icons{
    font-size: 28px;
    color: #1ab7cd;
}
.is-closed .section .section-title .close,
.section.is-closed .section-title .close,
.section .section-title .open,
.is-opened .section .section-title .close{
    display: none;
}
.is-closed .section .section-title .open,
.section.is-closed .section-title .open,
.is-opened .section .section-title .open{
    display: initial;
}
.section .kmi-list__header{
    margin:0px;
}
.section .kmi-list__column.column-button{
    padding: 0 0;
    display: flex;
}
.section .kmi-list__column.column-border.column-button{
    border-right: 0px solid #eaebeb;
}
.section .kmi-list__column.column-button i.material-icons{
    /*background: gray;*/
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
}
.section .kmi-list__column.column-button div{
    flex: 1;
    align-self: center;
    padding-left: 4px;
    cursor: pointer;
}
.section .kmi-list__column.column-border.column-button div{
    border-right: 1px solid #eaebeb;
}
/****productionInfo****/
.section.productInfo .section-title{
    color: #5c89b8;
}
.section.productInfo .section-content{
    overflow: hidden;
    font-size: 16px;
    display:block;
    padding: 0 8px 8px;
}
.section.productInfo .dashboard-fields{
    margin-bottom: 4px;
    display: flex;
}
.section.productInfo .dashboard-fields.next_op_no .material-icons{
    color:#1ab7cd;
    font-size: 20px;
    cursor: pointer;
}
.section.productInfo .dashboard-fields .label{
    /*width: 60px;*/
    white-space: nowrap;
    font-weight: 600;
}
/****workOperator****/
.section.workOperator .section-title{
    color : #68bd84;
    display: flex;
}
.section.workOperator .title_info{
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 4px;
    flex: 1;
}
.section.workOperator .kmi-list{
    border:0px;
    border-top: 1px solid #cccccc;
    border-radius: 0px;
}
/****workMaterial****/
.section.workMaterial .section-title{
    color : #db4b3c;
}
.section.workMaterial .kmi-list__row-content{
    height: calc(100% - 12px);
}
.section.workMaterial .kmi-list__row{
    height: 60px;
    flex-wrap: wrap;
}
.section.workMaterial .kmi-list__row.material-warn{
    background : #db4b3c;
    color : white;
}
.section.workMaterial .kmi-list{
    border:0px;
    border-top: 1px solid #cccccc;
    border-radius: 0px;
}
/****workLog****/
.section.workLog .section-title{
    color : #ea9114;
    display: flex;
    align-items: initial;
}
.section.workLog .section-title .title-name{
    flex: initial;
}
.section.workLog .section-title .kmi-text-fields{
    position: relative;
    top: -4px;
    /* left: 4px; */
    flex: 1;
    margin: 0 8px;
}
.section.workLog .kmi-list{
    border-radius: 0px;
    border-width: 1px 0px;
}
.section.workLog .kmi-list .btn-filter .material-icons{
    font-size: 16px;
    cursor: pointer;
}
.section.workLog .section-title .kmi-text-fields.qr-code > input{
    font-size : 13px;
    background: #f7f7f7;
}
.kmi-text-fields.qr-code > input:FOCUS{
    border-radius: 0px;
    border-bottom: 2px solid #1ab7cd;
}
.section.workLog .kmi-list__row {
    height: 40px;
}
.section.workLog .kmi-list__row .kmi-list__column{
    font-size:13px;
}
.section.workLog .log-status-c {
    background-color: #d7d6d6;
}
.section.workLog .log-priority {
    color: #db4b3c;
}
/****machineStatus****/
.section.machineStatus  .section-title{
    color : #8d57a0;
}
.section.machineStatus .kmi-list{
    border:0px;
    border-top: 1px solid #cccccc;
    border-radius: 0px;
}

/****Machine Status Plus****/
.section.machineStatusPlus .section-title{
    color : #8d57a0;
}
.section.machineStatusPlus{
    flex:1;
    margin:0px;
}
.section.machineStatusPlus.is-closed{
    flex: 0 0 48px;
}
.section .kmi-list__row .kmi-list__column .material-icons.stamp-icons{
    border-radius: 50%;
    border: 2px solid #dcdddd;
    font-weight: bold;
    font-size: 14px;
    height: 18px;
    padding: 4px 6px;
    line-height: 14px;
    color: #ffffff;
    width: 16px;
}
   
.section .kmi-list__row.select-machine{
    box-sizing: border-box;
    /*border: white 1px solid;*/
    background: #1ab7cd;
    color: white;
}
.section.machineStatusPlus .kmi-list{
    border:0px;
    border-top: 1px solid #cccccc;
    border-radius: 0px;
}
/****accessory****/
.section.accessory .section-title{
    color:#0f622b;
}
.section.accessory .kmi-list .start:nth-child(even),
.section.accessory .kmi-list .end:nth-child(odd){
    background: #ffffff;
}
.section.accessory .kmi-list .start:nth-child(odd),
.section.accessory .kmi-list .end:nth-child(even){
    background: rgba(245, 248, 250, 1);
}
.section.accessory .kmi-list{
    border:0px;
    border-top: 1px solid #cccccc;
    border-radius: 0px;
}
